function renderCart(){
    var msg = localStorage.getItem("proMsg");
    if(msg === null){
        msg = [];
    }else{
        msg = JSON.parse(msg);
    }
    if(msg.length < 1){
        // 显示空
        $(".empty").show();
        $(".cartList").hide();
    }else{
        // 显示数据
        $(".empty").hide();
        $(".cartList").show();
        // 获取总数据
        $.ajax({
            url:"http://localhost/元培学院计科大前端实训/NZ001/data/pro.json",
            dataType:"text",
            success:function(res){
                res = JSON.parse(res);
                var str = "";
                for(var i=0;i<res.length;i++){
                    for(var j=0;j<msg.length;j++){
                        if(res[i].proId === msg[j].id){
                            str += `<div class="list" index="${res[i].proId}">
                                        <img src="${res[i].src}" alt="">
                                        <div class="cartInfo">
                                            <h3>${res[i].name}</h3>
                                            <p>${res[i].info}</p>
                                            <p>${res[i].price} x ${msg[j].num}</p>
                                        </div>
                                        <em class="cartDel">X</em>
                                    </div>`
                        }
                    }
                }
                $(".cartListCont").html(str);
                // 删除功能
                $(".cartDel").click(function(){
                    var id = $(this).parent().attr("index");
                    $(this).parent().remove();

                    for(var i=0;i<msg.length;i++){
                        if(msg[i].id === id){
                            break;
                        }
                    }
                    msg.splice(i,1);
                    localStorage.setItem("proMsg",JSON.stringify(msg));

                    if(msg.length < 1){
                        // 显示空
                        $(".empty").show();
                        $(".cartList").hide();
                    }else{
                        // 显示数据
                        $(".empty").hide();
                        $(".cartList").show();
                    }
                })
            }
        })

        // 计算总价和总数量
        var sum = 0;
        var sumPrice = 0;
        for(var i=0;i<msg.length;i++){
            sum += msg[i].num * 1;
            sumPrice += msg[i].price * msg[i].num;
        }
        $(".sum").html(sum);
        $(".allProPrice").html(sumPrice);
    }
}